<?xml version="1.0" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>cqstyle</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="Content-Style-Type" content="text/css" />
    <link rel="Stylesheet" type="text/css" href="main.css" />
</head>
<body>
    <center>
      <div class="main">
         <div class="top">
            <h1>
               cqstyle
               <span class="sub">alpha</span>
            </h1>
            
            <h2>Real time CSS editing in multiple browsers</h2>
            <h3>
               edit<span class="old"> -> save -> refresh IE -> refresh Firefox</span>
               <div class="mid">...is now just</div>
               edit
            </h3>
         </div>
         <object width="873" height="525"><param name="movie" value="http://www.youtube.com/v/qZDKLik2eWs&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999&hd=1&border=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qZDKLik2eWs&hl=en_US&fs=1&color1=0x3a3a3a&color2=0x999999&hd=1&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="873" height="525"></embed></object>
         <ul class="points">
            <li>            
               <a class="dl">Download</a>
               <ul class="points">
                  <li>
                     <a class="download" href="https://chrome.google.com/extensions/detail/kgjoohfhbbdcbnecemfodgoofpohgbee?hl=en">
                        Chrome extension
                     </a>
                     <ul class="points under_ext">
                        <li>
                           For viewing results in one browser only. This is a good place to start.
                        </li>
                     </ul>                       
                  </li>
                  <li>
                     <a class="download" href="http://velocityscape.com/download/cqstyle_0.1.zip">Windows 32-bit</a>
                     <ul class="points">
                        <li>
                           I highly recommend using Chrome as the control browser. Safari works pretty well too though.
                        </li>
                        <li>
                           If cstyle stops working, try closing the page <i>and</i> the console window running Selenium. Then run open_cqstyle again.
                        </li>
                     </ul>                     
                  </li>
               </ul>
            </li>
            <li>
               <a class="bugs" href="http://code.google.com/p/cqstyle/issues/list">Submit bugs</a>
            </li>
            <li>
               <a class="source" href="http://code.google.com/p/cqstyle/source/browse/">Source code</a>
            </li>           
         </ul>
         <br>
         <div class="notes">Notes:</div>
         <ul class="points notelist">
            <li>
               Styles not showing after pasting back into your CSS file? Try putting them at the bottom of the file.
            </li>
            <li>
               Works with numbers (<code>font-size: 12px;</code>) and colors (<code>color: #c0ffee;</code>).
               Not currently working with combo values like (<code>border: solid 1px #e1e100;</code>)
            </li>
         </ul>
                  
         <div class="contact"><a href="http://twitter.com/crizcraig">Contact</a></div>
      </div>
    </center>
</body>
</html>